<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<!-- 使用UTF-8 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<!-- 设置移动终端可视区域 -->
		<meta content="telephone=no" name="format-detection">
		<!-- 禁止iPhone等手机自动将数字变成可点击的拨号连接 -->
		<title>评价列表</title>
		<link href="css/style.css" type="text/css" rel="stylesheet" />
		<link href="css/weui.css" type="text/css" rel="stylesheet" />
	</head>
	<body style="background: #F6F6F6;">
		<div class="evaluate" id="containerVue" v-cloak>
			<div class="headerView">
				<i onclick="closeView()">&#139;</i>
				<h1>"966588"查询系统</h1>
				<div></div>
			</div>
			<div v-if="evaluateList.length > 0">
				<div class="title">{{info.name}}</div>
				<div class="cont evaluateList" v-for="item in evaluateList">
					<div class="evaluateText">
						<img src="image/icons_xmmc.png" alt="" class="icon">
						<div class="label">项目名称</div>
						<div class="text" style="color: #333;font-weight: bold;">{{item.projectName}}</div>
					</div>
					<div class="evaluateText">
						<img src="image/icons_fw.png" alt="" class="icon">
						<div class="label">服务质量</div>
						<div class="level clearfix">
							<img v-for="index in 5" :src="[item.serviceAttitude < index?'image/star-f.png':'image/star.png']" alt="">
						</div>
						<span class="text" v-if="item.serviceAttitude == 1">很差</span>
						<span class="text" v-else-if="item.serviceAttitude == 2">较差</span>
						<span class="text" v-else-if="item.serviceAttitude == 3">一般</span>
						<span class="text" v-else-if="item.serviceAttitude == 4">很满意</span>
						<span class="text" v-else>非常满意</span>
					</div>
					<div class="evaluateText">
						<img src="image/icons_fw.png" alt="" class="icon">
						<div class="label">服务时效</div>
						<div class="level clearfix">
							<img v-for="index in 5" :src="[item.serviceEfficiency < index?'image/star-f.png':'image/star.png']" alt="">
						</div>
						<span class="text" v-if="item.serviceEfficiency == 1">很差</span>
						<span class="text" v-else-if="item.serviceEfficiency == 2">较差</span>
						<span class="text" v-else-if="item.serviceEfficiency == 3">一般</span>
						<span class="text" v-else-if="item.serviceEfficiency == 4">很满意</span>
						<span class="text" v-else>非常满意</span>
					</div>
					<div class="evaluateText">
						<img src="image/icons_fw.png" alt="" class="icon">
						<div class="label">服务态度</div>
						<div class="level clearfix">
							<img v-for="index in 5" :src="[item.serviceLevel < index?'image/star-f.png':'image/star.png']" alt="">
						</div>
						<span class="text" v-if="item.serviceLevel == 1">很差</span>
						<span class="text" v-else-if="item.serviceLevel == 2">较差</span>
						<span class="text" v-else-if="item.serviceLevel == 3">一般</span>
						<span class="text" v-else-if="item.serviceLevel == 4">很满意</span>
						<span class="text" v-else>非常满意</span>
					</div>
					<div class="evaluateText">
						<img src="image/icons_sf.png" alt="" class="icon">
						<div class="label">服务按约收费</div>
						<div class="text"><span v-if="item.isServiceSpecification == 1">是</span><span style="color: rgb(206, 48, 36);" v-else>否</span></div>
					</div>
					<div class="evaluateText">
						<img src="image/icons_gf.png" alt="" class="icon">
						<div class="label">服务是否规范</div>
						<div class="text"><span v-if="item.isServiceCharge == 1">是</span><span style="color: rgb(206, 48, 36);" v-else>否</span></div>
					</div>
					<div class="evaluateText"  v-if="item.description != ''">
						<img src="image/icons_qkms.png" alt="" class="icon">
						<div class="label">情况描述</div>
						<div class="text">{{item.description}}</div>
					</div>
					<div class="evaluateText">
						<img src="image/icons_pjr.png" alt="" class="icon">
						<div class="label">评价人</div>
						<div class="text">{{item.createBy}}</div>
					</div>
					<div class="evaluateText">
						<img src="image/icons_pjsj.png" alt="" class="icon">
						<div class="label">评价时间</div>
						<div class="text">{{item.createTime}}</div>
					</div>
				</div>
			</div>
			<div v-else class="cont evaluateList kong"><img src="image/kong.png" alt="">暂无评价信息</div>
		</div>
		<script src="script/jquery-3.5.js"></script>
		<script src="script/vue.js"></script>
		<script src="script/api.js"></script>
		<script src="script/ajax.js"></script>
		<!-- <script src="../js/common/mui.min.js"></script> -->
		<!-- <script src="../js/common/openview.js"></script> -->
		<script>
			var app = new Vue({
				el: '#containerVue',
				data: {
					info: JSON.parse(sessionStorage.getItem('evalInfo')), // 详情信息
					evaluateList: [],
				},
				created() {
					this.getList();
				},
				watch: {},
				methods: {
					// 获取详情
					getList() {
						var that = this;
						// 请求投诉详情信息$.Request('id')
						ajaxHttp({
							url: 'jeecg-boot/node/nodeProjectEvaluation/getListByProjectId',
							type: 'post',
							data: {projectId:that.info.id},
							success: function(res) {
								if (res.code == '200') {
									// console.log(JSON.stringify(res));
									that.evaluateList = res.result
								} else {
									$.Jwarning(res.message)
								}
							}
						})
					}
				}
			})
		</script>
	</body>
</html>
